<extend name="./public/frame.html"/>
<block name="content">
    <style type="text/css">
        .title {
            text-align: center;
        }
    </style>
    <div class="layui-collapse">
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">订单明细</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table">
                    <colgroup>
                        <col width="10%">
                        <col width="25%">
                        <col width="10%">
                        <col width="25%">
                    </colgroup>
                    <tr>
                        <td class="title">订单号</td>
                        <td>{$data.info.order_sn}</td>
                        <td class="title">订单状态</td>
                        <td>{$data.info.order_status}</td>
                    </tr>
                    <tr>
                        <td class="title">出发地</td>
                        <td>{$data.info.start_name}</td>
                        <td class="title">目的地</td>
                        <td>{$data.info.arrive_name}</td>
                    </tr>
                    <tr>
                        <td class="title">是否包车</td>
                        <td>{$data.info.is_contract}</td>
                        <td class="title">乘车人数</td>
                        <td>{$data.info.passenger_number}</td>
                    </tr>
                    <tr>
                        <td class="title">下单时间</td>
                        <td>{$data.info.add_time}</td>
                        <td class="title">支付时间</td>
                        <td>{$data.info.pay_time}</td>
                    </tr>
                    <tr>
                        <td class="title">乘客手机号</td>
                        <td>{$data.info.passenger_phone}</td>
                        <td class="title">司机手机号</td>
                        <td>{$data.info.driver_phone}</td>
                    </tr>
                    <tr>
                        <td class="title">司机姓名</td>
                        <td>{$data.info.driver_name}</td>
                        <td class="title">车辆信息</td>
                        <td>{$data.info.car_info}</td>
                    </tr>
                    <tr>
                        <td class="title">车牌号</td>
                        <td>{$data.info.car_plate}</td>
                        <td class="title">所属车队</td>
                        <td>{$data.info.fleet_name}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">费用明细</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table">
                    <colgroup>
                        <col width="10%">
                        <col width="25%">
                        <col width="10%">
                        <col width="25%">
                    </colgroup>
                    <tr>
                        <td class="title">订单金额</td>
                        <td>{$data.info.money/100}</td>
                        <td class="title">支付方式</td>
                        <td>{$data.info.paytool}</td>
                    </tr>
                    <tr>
                        <td class="title">付款地点</td>
                        <td>{$data.pay_address}</td>
                        <td class="title">平台费(包含车队收入)</td>
                        <td>{$data.info.platform_price/100}</td>
                    </tr>
                    <tr>
                        <td class="title">司机收入</td>
                        <td>{$data.info.driver_income/100}</td>
                        <td class="title">车队收入</td>
                        <td>{$data.info.fleet_price/100}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <script>
//        layui.use(['layer','element'], function(){
//            var layer = layui.layer;
//            var element = layui.element;
////            layer.photos({
////                photos: '.layer-photos-demo'
////                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
////                ,tab: function(pic, layero){
////                    var str = "<div style='text-align: center'>"+pic.alt+"</div>";
////                    layero.prepend(str);
////                }
////            });
//        });
    </script>
</block>